import {Image,Typography} from 'antd';

import LoginComponent from '@/components/LoginComponent/index.tsx';

import styles from './index.module.scss';
import backImg from './back_img.png';

import linzeImg from '@/assets/img/linze.png';



const NoLogin = () => {
    return <>
        <div className={styles.package}>
            <div className={styles['innei-package']}>
                <div className={styles['innei-image-area']} style={{backgroundImage:`url(${backImg})`}}>
                    {/* <Image src={backImg}/> */}
                </div>
                <div className={styles['innei-login-area']}>
                    <div className={[styles['innei-login']].join(' ')}>
                        <div className={[styles['text-center'],styles['title-area']].join(' ')}>
                            <div style={{paddingBottom:'15px'}}>
                                <img src={linzeImg} width="45" height="45" style={{'WebkitUserDrag':'none'}} alt="麟泽康养"/>
                            </div>
                            <Typography.Title level={3}>麟泽康养仓库管理系统</Typography.Title>
                        </div>
                        <div className={styles['innei-login-pkg']}>
                            <LoginComponent />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </>
}
export default NoLogin;